<template>
  <div>
    <h1>vue 路由测试!</h1>
    <button @click="foo">跳转到Render</button>
    <router-link to="/render">跳转到render组件</router-link>
    <router-link to="/hello">跳转到hello</router-link>
    <div>
      <h2>下面是渲染位置</h2>
      <!-- 指定路由对应的组件渲染的位置 -->
      <router-view></router-view>
    </div>

  </div>
</template>

<script>

export default {
  name: 'Router',
  data() {
    return {}
  },
  methods:{
    foo(){
      this.$router.push('/render').catch(err=>err);
    }
  }
}
</script>
